<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表 ← 假的</title>
    <link rel="stylesheet" href="./css/main-style.css">
    <link rel="stylesheet" href="./css/list-style.css">
    <link rel="icon" href="./image/logo-mi.png">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
</head>

<body>
    <div id="right_nav">
        <div class="Rnav_1" onmousemove="onMover_1()" onmouseout="onLeaver_1()">
            <img id="Rnav_img_1" src="./image/aside/0.png">
            <div id="Rnav_txt_1">手机APP</div>
        </div>
        <div class="Rnav_1 userinfo" onmousemove="onMover_2()" onmouseout="onLeaver_2()">
            <img id="Rnav_img_2" src="./image/aside/2.png">
            <div id="Rnav_txt_2">个人中心</div>
        </div>
        <div class="Rnav_1" onmousemove="onMover_3()" onmouseout="onLeaver_3()">
            <img id="Rnav_img_3" src="./image/aside/4.png">
            <div id="Rnav_txt_3">售后服务</div>
        </div>
        <div class="Rnav_1" onmousemove="onMover_4()" onmouseout="onLeaver_4()">
            <img id="Rnav_img_4" src="./image/aside/6.png">
            <div id="Rnav_txt_4">联系客服</div>
        </div>
        <div class="Rnav_1 shoppingCart" onmousemove="onMover_5()" onmouseout="onLeaver_5()">
            <img id="Rnav_img_5" src="./image/aside/8.png">
            <div id="Rnav_txt_5">购物车</div>
        </div>
        <div id="goTop" class="Rnav_2" onmousemove="onMover_6()" onmouseout="onLeaver_6()" onclick="goTop()">
            <img id="Rnav_img_6" src="./image/aside/10.png">
            <div id="Rnav_txt_6" style="color: gray;">返回顶部</div>
        </div>
    </div>
    <div id="Top" class="top_bar">
        <div class="Tnav_box">
            <div class="Tnav_list">
                <a href="javascript:">小米商城</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">MIUI</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">loT</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">云服务</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">天星数科</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">有品</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">小爱开放平台</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">企业团购</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">资质证照</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">协议规则</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">下载app</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">智能生活</a>
                <span class="Tnav_sp">|</span>
                <a href="javascript:">Select Location</a>
            </div>
            <div class="buy_cart">
                <i class="fa fa-shopping-cart"></i>
                <div class="cart">购物车</div>
                <span>(0)</span>
            </div>
            <div class="Tnav_info">
                <a href="./login.html">登录</a>
                <span class="Tnav_sp2">|</span>
                <a href="./login.html">注册</a>
                <span class="Tnav_sp2">|</span>
                <a href="javascript:">消息通知</a>
            </div>
        </div>
    </div>
    <div class="head_nav">
        <div class="Hnav_box">
            <div class="Hnav_logo">
                <a href="./index.html" class="Milogo"></a>
            </div>
            <div class="Hnav_ul">
                <div class="Hnav_list">
                    <ul>
                        <li class="nav_space"></li>
                        <li><a href="javascript:">小米手机</a> </li>
                        <li><a href="javascript:">Redmi 红米</a></li>
                        <li><a href="javascript:">电视</a></li>
                        <li><a href="javascript:">笔记本</a></li>
                        <li><a href="javascript:">家电</a></li>
                        <li><a href="javascript:">路由器</a></li>
                        <li><a href="javascript:">智能硬件</a></li>
                        <li><a href="javascript:">服务</a></li>
                        <li><a href="javascript:">社区</a></li>
                    </ul>
                </div>
            </div>
            <div class="nav_search">
                <form class="input_search">
                    <input type="search" id="search" name="keyword" placeholder="请输入搜索内容">
                    <div class="search_icon"></div>
                </form>
                <ul class="searchList">
                    <li>全部商品</li>
                    <li>小米11</li>
                    <li>小米10S</li>
                    <li>小米手机</li>
                    <li>洗衣机</li>
                    <li>空调</li>
                </ul>
            </div>
        </div>
    </div>
    <main>
        <div class="item-box">
            <img class="item" src="./image/list/1.png">
            <img class="item" src="./image/list/2.png">
            <img class="item" src="./image/list/3.png">
            <img class="item" src="./image/list/4.png">
        </div>
        <div class="item-box">
            <img class="item" src="./image/list/5.png">
            <img class="item" src="./image/list/6.png">
            <img class="item" src="./image/list/7.png">
            <img class="item" src="./image/list/8.png">
        </div>
        <div class="item-box">
            <img class="item" src="./image/list/1.png">
            <img class="item" src="./image/list/2.png">
            <img class="item" src="./image/list/3.png">
            <img class="item" src="./image/list/4.png">
        </div>
    </main>
</body>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/layer/layer.js"></script>
<script src="./js/main.js"></script>
<script src="./js/list.js"></script>

</html>